import React, { Component } from 'react';
import { Divider, Row,Col} from 'antd';
import styles from './style.less';
import BasicInfromation from './components/BasicInfromation'
import Password from './components/Password'
import TelePhone from './components/TelePhone'
import Email from './components/Email'

class UserInformation extends Component {
    render() {
        return (
            <div className={styles.div_body}>
                <Row justify='center'>
                    <Col span={24}>
                        <BasicInfromation
                            personalCenter={this.props.personalCenter}
                        />
                    </Col>
                    <Col span={24}>
                        <Password />
                    </Col>
                    <Col span={24}>
                        <TelePhone 
                            personalCenter={this.props.personalCenter}
                        />
                    </Col>
                    <Col span={24}>
                        <Email />
                    </Col>
                </Row>
            </div>
            
        );
    }

}

export default UserInformation;
